<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="lib/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
        (function($) {
            "use strict";

            var ScoreForm = function(div,options) {

                this.option = $.extend({},{},options);
                this.$div = $(div);
            };
            ScoreForm.prototype = {
                constructor: ScoreForm,
                initForm:function() {

                }
            };

//            var a = $.extend({},{a:'1'},{a:'2'});

//            console.log(a);
        }(window.jQuery));

        /**
         *
         */
        (function($) {
            "use strict";

            $().on('click', '.panel-heading span.clickable', function(e) {

                var $this = $(this);

                if(!$this.hasClass('panel-collapsed')) {
                    $this.parents('.panel').find('.panel-body').slideUp();
                    $this.addClass('panel-collapsed');
                    $this.find('i').removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
                } else {
                    $this.parents('.panel').find('.panel-body').slideDown();
                    $this.removeClass('panel-collapsed');
                    $this.find('i').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
                }
            })
        }(window.jQuery));
    </script>
</head>
<body>

</body>
</html>